<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者背影</title>
    <link rel="stylesheet" th:href="@{/static/center/css/body.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/nav.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/album.css}">

</head>

<body>
    <nav>
        <div class="navtitle"><strong>王者之路</strong>|I am chuyings</div>
        <a href="/html/home">我的主页</a>
        <a href="/html/about">个人信息</a>
        <a href="/html/blog">我的战绩</a>
        <a href="/html/album">精彩展示</a>
        <a href="/html/benming">本命英雄</a>
        <div class="navanim album"></div>
        <div class="none"></div>
    </nav>


    <div class="mid">
        <ul id="banner" class="banner">
            <li id="3" style="left: 400px; opacity: 0.5; z-index: 4; transform: scale(1);">
                <img th:src="@{/static/center/img/hero/pic-4.png}" style="width: 750px; height: 421px;">
            </li>
            <div style="left: 280px; background: rgb(123, 168, 175);">

            </div>
            <li id="4" style="left: 0px; opacity: 0; z-index: 0; transform: scale(1);">
                <img th:src="@{/static/center/img/hero/pic-5.png}" style="width: 750px; height: 421px;">
            </li>
            <div style="left: 420px; background: rgb(48, 72, 77);">

            </div><li id="5" style="left: 0px; opacity: 0; z-index: 1; transform: scale(1);">
                <img th:src="@{/static/center/img/hero/pic-6.png}" style="width: 750px; height: 421px;">
            </li>
            <div style="left: 560px; background: rgb(123, 168, 175);">

            </div>
            <li id="1" style="left: 0px; z-index: 2; transform: scale(1); opacity: 0.5;">
                <img th:src="@{/static/center/img/hero/pifu.jpeg}" style="width: 750px; height: 421px;">
            </li>
            <div style="left: 700px; background: rgb(123, 168, 175);">

            </div>
            <li id="2" style="left: 200px; opacity: 1; z-index: 100; transform: scale(1.3);">
                <img th:src="@{/static/center/img/hero/shiguan.jpg}" style="width: 750px; height: 421px;">
            </li>
            <div style="left: 840px; background: rgb(123, 168, 175);">

            </div>
        </ul>
    </div>


    <footer class="foot">
        <p>@2021-2022 | BY:hzr</p>
        <p>网页版权归chiyings所有</p>
        <p>Cease to struggle and you cease to live</p>
    </footer>

    <script th:src="@{/static/center/js/album.js}"></script>
</body>
</html>